<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 入库信息</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__PUBLIC__/admin/favicon.ico">
    <link href="__PUBLIC__/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="__PUBLIC__/admin/css/animate.css" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/style.css?v=4.1.0" rel="stylesheet">
    <style>
        .ay-header-action-bar {
            border-bottom: 1px solid #e0e0e0;
            margin: 10px 0 0 0;
            padding: 0 20px 10px 20px;
            height: 30px;
        }

        .ay-header-action-bar a {
            color: grey;
            line-height: 30px;
        }

        .wrap {
            padding: 10px 20px 70px;
        }

        .ay-table {
            width: 100%;
            border-collapse: collapse;
        }

        .ay-table td {
            padding-top: 5px;
        }

        .ay-table-left {
            width: 150px;
            text-align: center;
        }

        .form-required {
            color: red;
        }

        .table-actions {
            margin-bottom: 10px;
            padding: 0px;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="animated fadeInDown">
        <div class="ay-header-action-bar">
            <div class="pull-left">
                <a href="storehouse.html">
                    <i class="fa fa-chevron-left"></i> 返回
                </a>
            </div>
            <div class="pull-right">
            </div>
        </div>
        <div class="wrap js-check-wrap">
            <form class="js-ajax-form" method="post" action="" novalidate="novalidate">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        入库信息
                    </div>
                    <div class="panel-body">
                        <table class="ay-table">
                            <tbody>
                                <tr>
                                    <td class="ay-table-left">
                                        <label for="no" class="control-label">单号 </label>
                                    </td>
                                    <td>
                                        <div class="col-xs-8">
                                            <input class="form-control" type="text" id="no" name="no" value="" readonly="readonly">
                                        </div>
                                        <input id="id" name="id" type="hidden" value="">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ay-table-left">
                                        <label for="input-deliveryman" class="control-label">交件人</label>
                                    </td>
                                    <td>
                                        <div class="col-xs-8">
                                            <input type="text" class="form-control" id="input-deliveryman" name="deliveryman" value="">
                                        </div>
                                    </td>
                                    <td class="ay-table-left">
                                        <label for="input-deliveryunit" class="control-label">交件单位</label>
                                    </td>
                                    <td>
                                        <div class="col-xs-8">
                                            <input type="text" id="input-deliveryunit" name="deliveryunit" class="form-control" value="">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ay-table-left">
                                        <label for="input-currdate" class="control-label">
                                            <span class="form-required">*</span>入库日期</label>
                                    </td>
                                    <td>
                                        <div class="col-xs-8">
                                            <input class="form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                            <label class="laydate-icon"></label>
                                        </div>
                                    </td>
                                    <td class="ay-table-left">
                                        <label for="input-warehouse" class="control-label">
                                            <span class="form-required">*</span>库房</label>
                                    </td>
                                    <td>
                                        <div class="col-xs-8">
                                            <select id="input-warehouse" name="warehouse" class="form-control" required="true" aria-required="true">
                                                <option value="">--请选择--</option>
                                                <option value="4"> 成都库房</option>
                                                <option value="6"> 重庆库房</option>
                                                <option value="9"> 西安库房</option>
                                                <option value="10"> 海外库房</option>
                                                <option value="16"> 意大利库房</option>
                                            </select>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ay-table-left">
                                        <label for="reason" class="control-label">入库原因</label>
                                    </td>
                                    <td colspan="3">
                                        <div class="col-xs-10">
                                            <textarea name="reason" class="form-control"></textarea>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ay-table-left">
                                        <label for="memo" class="control-label">备注</label>
                                    </td>
                                    <td colspan="3">
                                        <div class="col-xs-10">
                                            <textarea name="memo" class="form-control"> </textarea>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="table-actions form-inline">
                        <a href="javascript:;" id="adddetail" class="btn btn-primary btn-sm">添加 </a>
                        <a href="javascript:;" id="deldetail" class="btn btn-primary btn-sm btn-danger">删除</a>
                        &nbsp;&nbsp;
                        <span>
                            <font color="red">*</font>
                        </span>操作类别:
                        <select id="category" name="category" style="display: inline-block;" class="form-control">
                            <option value="">--请选择--</option>
                            <option value="1001">
                                签约
                            </option>
                            <option value="1002">
                                抵房租
                            </option>
                            <option value="1003">
                                赠送
                            </option>
                            <option value="1004">
                                购买
                            </option>
                            <option value="1005">
                                退库
                            </option>
                            <option value="1006">
                                其他入
                            </option>
                            <option value="20170508001017">
                                发掘入库
                            </option>
                            <option value="20170616001019">
                                仓储
                            </option>
                            <option value="20170822001020">
                                借展
                            </option>

                        </select>
                        <a id="setcategory" href="javascript:;" class="btn btn-primary btn-sm">设置</a>
                    </div>
                    <table id="details" class="table table-hover table-bordered table-list ay-table">
                        <thead>
                            <tr>
                                <th style="text-align: center; width:2%"></th>
                                <th width="2%">
                                    <input type="checkbox" class="js-check-all" data-direction="x" data-checklist="js-check-x">
                                </th>
                                <th style="text-align: center; width:10%">缩略图</th>
                                <th style="text-align: center; width:8%">总登记号</th>
                                <th style="text-align: center; width:10%">名称</th>
                                <th style="text-align: center; width:8%">作者</th>
                                <th style="text-align: center; width:8%">类别</th>
                                <th style="text-align: center; width:15%">特征</th>
                                <th style="text-align: center; width:8%">操作类别</th>
                                <th style="text-align: center; width:10%">存放位置</th>
                                <th style="text-align: center; width:10%">确认状态</th>
                                <th style="text-align: center; width:8%">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th style="text-align: center;">1</th>
                                <th width="2%">
                                    <input type="checkbox" class="js-check-all" data-direction="x" data-checklist="js-check-x">
                                </th>
                                <th style="text-align: center;">1</th>
                                <th style="text-align: center;">2</th>
                                <th style="text-align: center;">3</th>
                                <th style="text-align: center;">4</th>
                                <th style="text-align: center;">5</th>
                                <th style="text-align: center;">6</th>
                                <th style="text-align: center;">7</th>
                                <th style="text-align: center;">8</th>
                                <th style="text-align: center;">9</th>
                                <th style="text-align: center;">10</th>
                            </tr>
                            <tr>
                                <td colspan="12" style="text-align: center">暂无数据！</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <nav class="navbar navbar-default  navbar-fixed-bottom opacity100">
                    <div class="container-fluid">
                        <div class="pull-right">
                            <button type="submit" id="btnSave" class="btn navbar-btn btn-primary btn-small js-ajax-submit">保存
                            </button>
                        </div>
                    </div>
                </nav>
            </form>
        </div>
    </div>

    <!-- 全局js -->
    <script src="__PUBLIC__/admin/js/jquery.min.js?v=2.1.4"></script>
    <script src="__PUBLIC__/admin/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- layerDate plugin javascript -->
    <script src="__PUBLIC__/admin/js/plugins/layer/laydate/laydate.js"></script>
</body>

</html>